#regPic{
    -fx-image: url("img/re_bg.jpeg");

}

#rootPane{
    -fx-background-color: rgb(255, 255, 255);
    -fx-background-radius: 4px;
}

/*8a8a8a*/
#min{
    -fx-background-image: url("img/min1.png");
    -fx-background-position: center center;
    -fx-background-repeat: no-repeat;
    -fx-background-color: rgba(255, 255, 255, 0);
    -fx-cursor: hand;
}

/*2c2c2c*/
#min:hover{
    -fx-background-image: url("img/min2.png");
    fx-background-position: center center;
    -fx-background-repeat: no-repeat;
    -fx-cursor: hand;
}

#min:pressed{
    -fx-background-image: url("img/min1.png");
    -fx-background-position: center center;
    -fx-background-repeat: no-repeat;
    -fx-background-color: rgba(255, 255, 255, 0);
    -fx-cursor: hand;
}

#quit{
    -fx-background-image: url("img/close1.png");
    -fx-background-position: center center;
    -fx-background-repeat: no-repeat;
    -fx-background-color: rgba(255, 255, 255, 0);
    -fx-cursor: hand;
}

#quit:hover{
    -fx-background-image: url("img/close2.png");
    fx-background-position: center center;
    -fx-background-repeat: no-repeat;
    -fx-background-color: rgba(255, 255, 255, 0);
    -fx-cursor: hand;
}

#quit:pressed{
    -fx-background-image: url("img/close1.png");
    -fx-background-position: center center;
    -fx-background-repeat: no-repeat;
    -fx-background-color: rgba(255, 255, 255, 0);
    -fx-cursor: hand;
}

#signIn{
    -fx-background-color: lightblue;
}

#signIn:hover{
    -fx-background-color: #4467ff;
    -fx-cursor: hand;
    /*-fx-text-fill: black;*/
}

#portrait {
    -fx-background-color: transparent;
    -fx-background-image: url("img/head/5.png");
    -fx-background-position: center center;
    -fx-background-repeat: no-repeat;
}

#portrait:hover {
    -fx-border-color: lightblue;
}

